
/* *
   @tabCard : 选项卡
 * @param {*} menuClassName  : 选项卡菜单的类选择器
 * @param {*} textClassName  : 选项卡内容的类选择器
*/

function tabCard(menuClassName,tabContentName) {
    // let menu = document.querySelectorAll(".toggle-login a");
    // console.log(menu);
    // let tabContent = document.querySelectorAll(".tabContent");
    // console.log(text);
  
     let menu = document.querySelectorAll(menuClassName);
    let tabContent = document.querySelectorAll(tabContentName);


    //定义变量保存上一个菜单的索引
    let index = 0;
  
    menu.forEach(function (v, i) {
      v.addEventListener("click", function () {
        // console.log(1);
  
        //先清除上一个菜单，账号登录的激活样式
        menu[index].className = "";
        tabContent[index].style.display = "none"; //隐藏账号登录内容
        // console.log(tabContent[index]);
  
        //给当前添加激活样式
        this.className = "active";
        tabContent[i].style.display = "block"; //一激活就显示内容
        // console.log(tabContent[i]);
  

        //先隐藏其他内容
        // text[index].className = "";
  
        //显示当前菜单，账号登录对应的内容
        // text[i].className = "on";

  
        //将当前菜单的索引赋值给index
        index = i;
      });
    });
  }
  